@charset "UTF-8";
body {
  font-family: Helvetica, Microsoft Yahei, tahoma, arial, sans-serif
}
.flex {
  display: flex;
}
.flex-grow {
  flex-grow: 1;
}

.page {
  padding: 50px 0 0;
  .nav-pills {
    padding: 5px 0;
  }
}

.swiper-container {
  img {
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: auto;
  }
}

.m-title {
  line-height: 80px;
  font-size: 30px;
  color: #34495E;
  span {
    font-size: 14px;
    color: #878787;
  }
}

.admin-item {
  text-align: center;
  margin-bottom: 50px;
  i {
    font-size: 50px;
    color: #09f;
  }
}

.main-con {
  position: relative;
  padding: 0 0 50px;
}

.sidebar-tab {
  position: absolute;
  top: 0;
  width: 150px;
  z-index: 1;
  background-color: #fff;
  padding: 10px 0;
  &.fixed {
    position: fixed;
    top: 50px;
  }
}

.about-con {
  padding: 0 0 0 200px;
  .info-item {
    li {
      padding: 0 0 30px;
    }
    img {
      width: 100%;
      margin: 0 0 10px;
    }
  }
}

.detail-info {
  border: 1px solid #dcdcdc;
  padding: 0 40px;
  background: #ffffff;
  .detail-hd {
    text-align: center;
    border-bottom: 1px solid #c9c9c9;
    h1 {
      color: rgb(255, 0, 51);
      text-align: center;
      font-size: 30px;
      font-weight: bold;
      padding: 20px 0;
    }
    p {
      text-align: center;
      padding-bottom: 20px;
    }
  }
  .detail-bd {
    color: #505050;
    font-size: 14px;
    line-height: 24px;
    text-indent: 28px;
    padding: 20px 0;
    p {
      text-indent: 2em;
      line-height: 2em;
      font-size: 16px;
    }
  }
  .detail-ft {
    color: #505050;
    font-size: 14px;
    line-height: 24px;
    text-indent: 28px;
    padding-top: 20px;
    border-top: 1px solid #c9c9c9;
  }
}

.download-dt {
  width: 100%;
  margin: 30px 0;
}

.calendar {
  padding: 0 0 50px;
}

@media screen and (max-width: 425px) {
  .page {
    padding: 50px 0 0;
    .nav-pills {
      >li {
        width: 100%;
      }
    }
  }
  .about-con {
    padding: 62px 0 0 0;
  }
  .sidebar-tab {
    width: 100%;
    > li {
      float: left;
    }
  }
}

/**/
.contact-us {
  background-color: #80bd9e;
  padding: 30px 0;
  .us-info {
    background-color: #fff;
    padding: 30px;
  }
  .us-map {
    width: 100%;
  }
}
.order-item {
  background-color: #f1f3ce;
  padding: 40px 0;
  img {
    width: 100%;
  }
}
.footer {
  background-color: #375e97;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  a {
    color: #fff;
    cursor: pointer;
    padding: 0 5px;
  }
}
/**/
.login-page {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/01.jpg) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  .login-box {
    width: 98%;
    max-width: 380px;
    padding: 32px;
    background-color: rgba(255,255,255,.8);
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
  }
  .verify-code {
    display: block;
    width: 60px;
    height: 20px;
    background: #000;
    cursor: pointer;
  }
}
/* 我的记录 */
.my-record-list {
  /* table tbody {
    display: block;
    height: 380px;
    overflow-y: scroll;
  }
  table thead,
  tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  } */
  td {
    white-space: normal !important;
  }
}

.warehousing-type {
  min-height: 34px;
  .show-more {
    display: none;
    margin-top: 6px;
  }
  .type-list {
    display: none;
    >span {
      margin-bottom: 6px;
    }
  }
  .overflow {
    overflow: hidden;
    height: 74px;
  }
}

.btn.active {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  &:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
}
.detail-list {
  .list-group-item {
    border: none;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 0;
  }
}
